<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>区域论坛系统</title>
    <link rel="stylesheet" href="/css/index.css">
    <script src="/layui.js"></script>
    <script src="./power.js"></script>
    <style>
        p{
            text-indent: 2em;
            font-size: 20px;
        }
        .author{
            text-align: right;
        }
        h1{
            margin-bottom: 60px;

        }

    </style>
</head>
<body>
    <header>
        <div class="logo">
            区域论坛系统
        </div>
        <ul>
            <li><a href="/">论坛首页</a></li>
            <li><a href="/article/addArticle">发帖</a></li>
            <li><a href="/article/about">关于我们</a></li>
        </ul>


        <div class="user"></div>
        <script>
             layui.use( function(){
                  var $ = layui.$
                  if(sessionStorage.user){
                    $('.user').append(`
                        <div>欢迎您：<a class="my" href="/user/users/${JSON.parse(sessionStorage.user).id}">${JSON.parse(sessionStorage.user).username}</a></div>
                    `)
                  }else{
                      $('.user').append(`
                        <div class="login">
                            <a href="/user/userLogin">登录</a>
                        </div>
                        <div class="regrister">
                            <a href="/user/regrister">注册</a>
                        </div>
                      `)
                  }
                });
        </script>




    </header>
    <div id="root">
        <h1>关于我们：</h1>
        <p>
            本论坛的主要目的是方便小区用户交流信息、感情，发布社区活动，发布美图、团购优惠，管理人员发布公告等等。由于小区中有各种管理费用需要缴纳，本论坛特别提供了业主查询缴纳各项费用的信息，使他们能够对自家的物业费用和投诉等情况有直接的了解。
        </p>
        <p>
            在当今社会，人们的精神需求呈现多元化态势。社区文化以其最活跃、最生动、最具吸引力、最易于为人们接受的方式满足了广大社区群众的精神需求。一个社区是否和谐至关重要。它是小区建设和管理的前提条件。论坛完全可以做为桥梁，沟通住户与住户、住户与小区管理者之间的关系，而且更加方便、快捷、高效、清晰。这将给社区的建设和管理带来很大的方便。因此，建设一个区域论坛十分必要。
        </p>
        <br><br><br><br><br><br><br><br><br><br>
        <p class="author">
            赤峰学院
        </p>
        <p class="author">
            2018级移动云计算一班
        </p>
        <p class="author">
            作者：孟令轩
        </p>
    </div>
</body>
</html>